﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
		<title>便民医疗服务</title>
	<!-- Bootstrap CSS -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS -->
	<link href="../assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- FlatIcons CSS -->
	<link href="../assets/css/flaticon.css" rel="stylesheet">
	<!-- Camera Slider CSS -->
	<link href="../assets/js/plugins/camera/css/camera.css" rel="stylesheet">
	<!-- Magnific Popup CSS -->
	<link href="../assets/js/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="assets/css/animate.css">
	<!-- Main CSS -->
	<link href="../assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="../assets/css/responsive.css" rel="stylesheet">
	<!-- Favicon File -->
	
	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->


<!-- 百度地圖創建2     ak可以去申請 -->	
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=MDa4yiFeNGv0I26Xyni2XNj8YzRHpKaD"></script>
	<!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
	<style type="text/css">
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>


</head>
<body>

     

	<!-- Start Page Preloader -->
	<div id="loading">
		<div id="loading-center">
			<div id="loading-center-absolute">
				<div class="object" id="object_four"></div>
				<div class="object" id="object_three"></div>
				<div class="object" id="object_two"></div>
				<div class="object" id="object_one"></div>
			</div>
		</div>
	</div>
	<!-- End Page Preloader -->
	<!-- Start Header Area -->
	<header class="main-header">
		<div class="container container-relative">
			<!-- Start TopBar Area -->
			<div class="top-bar hidden-sm hidden-xs">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<span class="top-info"><i class="fa fa-phone"></i></span>+1 888 888 8888
						<span class="top-info"><i class="fa fa-envelope-o"></i></span>info@yoursite.com
						<span class="top-info"><i class="fa fa-map-marker"></i></span>221B Baker Street, London, UK
						<span class="top-info"><i class="fa fa-calendar"></i></span>周一 ~ 周日 9:00 - 20:00
					</div>
					<div class="col-sm-3 col-xs-12">
						<ul class="list-unstyled list-inline">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- End TopBar Area -->
			<!-- Start NavBar Area -->
			<nav id="nav" class="navbar navbar-default navbar-static-top affix-top">
				<div class="container">
					<div class="navbar-header">
						<!-- Start Collapse Button -->
						<!-- End Collapse Button -->
						<!-- Start Website Logo -->
						<a href="index.html" class="navbar-brand">
							<img src="../assets/images/logo.png" class="logo" alt="Logo"> Medical <span>Service</span>
						</a>
						<!-- End Website Logo -->
					</div>
					<!-- Start Menu Area -->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							
						
									<li><a href="doctors.html">医生</a></li>
						
									<li><a href="departments.html">科室部门</a></li>
								
							
							
							
							
							<li class="active"><a href="contact.html">联系</a></li>
						</ul>
					</div>
					<!-- Start Menu Area -->
				</div>
			</nav>
			<!-- End NavBar Area -->
		</div>
	</header>
	<!-- End Header Area -->
	<div class="main-banner six">
		<div class="container">
			<h2><span>联系我们</span></h2>
		</div>
	</div>
	<!-- End Page Banner Area -->
	<!-- Start Breadcrumb Area -->
	<div class="breadcrumb">
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li><a href="index.html">首页</a></li>
				<li class="active">联系我们</li>
			</ul>
		</div>
	</div>
	<!-- End Breadcrumb Area -->
	<!-- Start Main Container -->
	<div class="container main-container">
		<!-- Start Contact Info Section -->
		<div class="contact-info-box">
			<div class="row">
				<div class="col-md-5 col-sm-12 col-xs-12 hidden-sm hidden-xs">
					<div class="box-img">
						<img src="../assets/images/contact-info-box-img.png" alt="Image" />
					</div>
				</div>
				<div class="col-md-7 col-sm-12 col-xs-12">
					<div class="info-box">
						<h3>我们很乐意听取您的意见</h3>
						<h5>
							Fusce convallis diam vitae velit tempus rutrum. Donec nisl nisl, vulputate eu sapien sed, adipiscing vehicula massa. Mauris eget commodo neque, id molestie enim.
						</h5>
						<div class="row">
							<h4 class="col-sm-6 col-xs-12">电话: +1 888 888 8888</h4>
							<h4 class="col-sm-6 col-xs-12">传真: +1 888 888 8888</h4>
						</div>
						<h4>电子邮箱: <a href="mailto:info@domainname.com">info@yoursite.com</a></h4>
					</div>
				</div>
				<div class="col-md-1 col-sm-12 col-xs-12 hidden-sm hidden-xs"></div>
			</div>
		</div>
		<!-- End Contact Info Section -->
		<!-- Start Contact Content -->
		<div class="contact-content">
			<div class="row">
				<!-- Start Contact Form -->
				<div class="col-md-8 col-sm-12 col-xs-12">
					<h3>填写下面的表格与我们联系</h3>
					<div class="status alert alert-success contact-status"></div>
					<form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="#">
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<label for="name">名字</label>
									<input type="text" class="form-control" name="name" id="name" required="required">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label for="email">电子邮箱 </label>
									<input type="text" class="form-control" name="email" id="email" required="required">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label for="phoneno">联系电话 </label>
									<input type="text" class="form-control" name="phoneno" id="phoneno" required="required">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<label for="subject">门诊科室 </label>
									<input type="text" class="form-control" name="subject" id="subject" required="required">
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group">
									<label for="message">你的需求: </label>
									<textarea class="form-control" rows="8" name="message" id="message" required="required"></textarea>
								</div>
							</div>
							<div class="col-xs-12">
								<input type="submit" class="btn btn-black text-uppercase" value="提交">
							</div>
						</div>
					</form>
				</div>
				<!-- Start Contact Form -->
				<!-- Start Address Area -->
				<div class="col-md-4 col-sm-12 col-xs-12">
					<!-- Start Box #1 -->
					<div class="cblock-1">
						<span class="icon-wrap"><i class="fa fa-car"></i></span>
						<h4>快来拜访吧</h4>
						<ul class="list-unstyled">
							<li>221B Baker Street, London, UK</li>
							<li>电话: +1 888 888 8888</li>
							<li>电子邮箱: info@g-starting.com</li>
						</ul>
					</div>
					<!-- End Box #1 -->
					<!-- Start Box #2 -->
					<div class="cblock-1">
						<span class="icon-wrap red"><i class="fa fa-ambulance"></i></span>
						<h4>紧急护理?</h4>
						<ul class="list-unstyled">
							<li>如果您有紧急医疗,</li>
							<li>不要等着联系我们。</li>
							<li>请致电+1 888 888 8888</li>
						</ul>
					</div>
					<!-- Start Box #2 -->
				</div>
				<!-- End Address Area -->
			</div>
		</div>
		<!-- End Contact Content -->
	</div>
	<!-- End Main Container -->
	<!-- Start Google Map -->
	<div id="map" style="height: 400px">
	<div style="width:100%;height:450px;border:#ccc solid 1px;" id="dituContent"></div>
	
	
	</div>
	<!-- End Google Map -->
	<!-- Start Footer Area -->
	<footer class="main-footer">
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<!-- Start Information Area -->
					<div class="col-md-3 col-sm-4 col-xs-6">
						<h4>相关信息</h4>
						<ul class="list-unstyled address-list">
							<li class="clearfix">
								<i class="fa fa-phone"></i>
								+1 888 888 8888
							</li>
							<li class="clearfix">
								<i class="fa fa-envelope-o"></i>
								info@yoursite.com
							</li>
							<li class="clearfix address">
								<i class="fa fa-map-marker"></i>
								221B Baker Street, London, UK
							</li>
							<li class="clearfix">
								<i class="fa fa-calendar"></i>
								周一 ~ 周日   9:00 - 20:00
							</li>
						</ul>
					</div>
					<!-- End Information Area -->
					
					
					
				</div>
			</div>
		</div>
		<!-- Start Copyright Area -->
		<div class="copyright">
			<div class="container clearfix">
				<p class="pull-left">
					&copy; 2018 <span>MedicalService</span>
				</p>
				<ul class="list-unstyled list-inline pull-right">
					<li><a href="#">关于我们</a></li>
					<li><a href="../contact.html">欢迎联系</a></li>
				</ul>
			</div>
		</div>
		<!-- End Copyright Area -->
	</footer>
	<!-- End Footer Area -->
	<!-- Start Back To Top Button -->
	<div id="back-to-top">
		<a href="#"><i class="fa fa-arrow-up"></i></a>
	</div>
	<!-- End Back To Top Button -->
    <!-- JQuery JS -->
    <script src="../assets/js/jquery.min.js"></script>
    <!-- JQuery Migrate JS -->
    <script src="../assets/js/jquery-migrate.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <!-- Slider JS Files -->
    <script src="../assets/js/plugins/camera/js/jquery.mobile.customized.min.js"></script>
    <script src="../assets/js/plugins/camera/js/jquery.easing.js"></script>
    <script src="../assets/js/plugins/camera/js/camera.min.js"></script>
    <!-- Modernizr JS -->
    <script src="../assets/js/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
    <!-- Popup JS -->
    <script src="../assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Wow JS -->
    <script src="../assets/js/wow.min.js"></script>
    <!-- Main JS -->
    <script src="../assets/js/main.js"></script>
    <!-- Google Map JS -->

 </body>
 
 
 
 <!-- 百度地圖創建1 -->
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(119.014521,25.459865),12);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
        {content:"",title:"",imageOffset: {width:-46,height:-21},position:{lat:25.47222,lng:119.013416}}
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
      };
    }
    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
  </script>
</html>
